body{
    background-color: rgb(241,241,241);
	padding:0;
	margin:0;
}
#exmple{
	display:none;
}
.head-img img{
    width: 35px;
    height: 35px;
    border-radius: 40px;
}
#chat-box{
	margin: 0 10px  0 10px;
}
.chat-row{
	position: relative;
}
.row-mine{
	text-align: right;
}
.row-them{
	text-align: left;
}
.head-img{
    position: relative;
}
.row-mine .head-img{
    right: 0;
}
.user-name{
    position: absolute;
    top: 1px;
    color: rgb(137,146,142);
    font-size: 12px;
}
.row-mine .user-name{
    right: 50px;
}
.row-them .user-name{
    left: 45px;
}
.chat-content{
    position: relative;
    margin: -7px 41px 17px 41px;
    padding: 10px 14px;
    border-radius: 7px;
    text-align: left;
    font-size: 15px;
}
.row-mine .chat-content{
    background-color: rgb(1,153,254);
	color: rgb(255,255,255);
}
.row-them .chat-content{
    background-color: rgb(255,255,255);
	color: rgb(7,3,25);
}
.chat-row-padding-them{
    position: relative;
}
.select-on .chat-row-padding-them{
	margin-left: 16px;
}
#submit-box{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 52px;
    background-color: rgb(247,247,247);
	z-index: 100;
}
#submit-box-padding{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 10px 14px;
	text-align: center;
}
#text-input{
    position: absolute;
	top:0;
    bottom: 0;
    left: 0;
    right: 66px;
}
#submit-input{
	width:100%;
	height:100%;
    border: 0;
	border-radius: 55px;
	padding: 0 10px;
}
#submit-button{
    position: absolute;
	top:0;
    bottom: 0;
    right: 0;
    width: 66px;
	color: rgb(255,255,255);
    border: 0;
	border-radius: 55px;
    background-color: rgb(118,196,243);
    font-size: 15px;
}
#submit-box .button-light{
    background-color: rgb(1,154,254);
}
#bottom-padding{
	padding-bottom:60px;
}
#top-padding{
	padding-bottom:70px;
}
#top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 52px;
    background-color: rgb(1,167,253);
	z-index: 100;
}
#top-box-padding{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 10px 14px;
}
#claer-button{
	position: relative;
    height: 100%;
    width: 120px;
    color: rgb(255,255,255);
    border: 0;
    border-radius: 55px;
    background-color: rgb(175 26 26);
    font-size: 15px;
}